{include file="member.header.html"}
{include file="title.html"}
{include file=member.submenu.html}
<script type="text/javascript">
    $(function () {
        $('#password_form').validate({
            errorPlacement: function (error, element) {
                $(element).after(error);
            },
            rules: {
                orig_password: {
                    required: true
                },
                new_password: {
                    required: true,
                    minlength: 6,
                    maxlength: 20
                },
                confirm_password: {
                    required: true,
                    equalTo: '#new_password'
                }
            },
            messages: {
                orig_password: {
                    required: '{$lang.orig_password_empty}'
                },
                new_password: {
                    required: '{$lang.no_pass}',
                    minlength: '{$lang.password_length_limit}'
                },
                confirm_password: {
                    required: '{$lang.no_pass}',
                    equalTo: '{$lang.twice_pass_not_match}'
                }
            }
        });
    });
</script>

<form method="post" id="password_form">
    <ul class="form_content">
        <li><h3>{$lang.orig_password}:</h3>
            <p><input type="password"  name="orig_password" /></p>
        </li>
        <li>
            <h3>{$lang.new_password}:</h3>
            <p><input type="password"  name="new_password" id="new_password"/></p>
        </li>
        <li>
            <h3>{$lang.confirm_password}:</h3>
            <p><input type="password"  name="confirm_password" /></p>
        </li>
    </ul>
    <input class="red_btn" type="submit" value="{$lang.submit}" />
</form>
{include file="footer.html"}